<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="css/index.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <title>index</title>
</head>

<div>
    <div id="mainImg">
        <img id="main" src="img/1.JPG" alt="image"/>
    </div>
    <div id="footImg">
        <ul>
            <li><img src="img/1.JPG" alt="dog"/></li>
            <li><img src="img/3.JPG" alt="dog"/></li>
            <li><img src="img/4.JPG" alt="dog"/></li>
            <li><img src="img/5.JPG" alt="dog"/></li>
        </ul>
    </div>
    <p>
        I don't like cat. I like dog.
    </p>
</div>
</html>